<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>自媒体二级页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/swiper.min.css">
    <link rel="stylesheet" href="/css/see/selfMedia.min.css?v=<%=$version%>">
</head>
<body style="background: #4a474f;">
<div id="selfMediaPage" v-cloak>
    <div class="selfMedia-top">
        <div class="selfMedia-topTop">
            <span class="selfMedia-Back" @click="getBack()"></span>
            <div class="selfMedia-search"><strong>{{name}}</strong>|<span class="search-text">搜索关键词</span><span class="search-icon"></span></div>
            <span class="selfMedia-icon"></span>
        </div>
        <div class="selfMedia-topSlide">
            <div id="selfMediaSlide1">
                <template>
                    <basic-slide :list="categoryCarouselList"></basic-slide>
                </template>
                <!--<div class="swiper-wrapper">-->
                    <!--<div class="swiper-slide" v-for="list in categoryCarouselList">-->
                        <!--<a>-->
                            <!--&lt;!&ndash;<div class="selfMedia-topbg" :style="bgimg(list.background)"></div>&ndash;&gt;-->
                            <!--&lt;!&ndash;<img class="swiper-lazy selfMedia-topbg" :data-src="list.background">&ndash;&gt;-->
                            <!--<img class="swiper-lazy slideImg" :data-src="list.imgSrc">-->
                        <!--</a>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="swiper-pagination"></div>-->
            </div>
        </div>
    </div>
    <div class="selfMedia-rankingList">
        <div class="rankingList-title clearfix">排行榜TOP<span>更多</span></div>
        <div class="rankingList-slide clearfix">
            <div class="swiper-container">
                <selfmedia-slide :list="categorytopList"></selfmedia-slide>
                <!--<div class="swiper-wrapper">-->
                    <!--<div class="swiper-slide clearfix">-->
                        <!--<div class="slideImg">-->
                            <!--<img src="/imgs/see/index/index-bgimg1.png" alt="">-->
                            <!--<span class="selfMedia-zyz1"></span>-->
                        <!--</div>-->
                         <!--<h6 class="list-infoTitle">接口接口京津冀接口京津冀京津冀</h6>-->
                         <!--<p class="list-infoInfo clearfix">2095万<span>赚1195</span></p>-->
                    <!--</div>-->
                <!--</div>-->
            </div>
        </div>
    </div>
    <div class="selfMedia-cent">
        <div class="selfMedia-centTitle">
            <span class="centTitle-popularity active">人气</span>
            <strong></strong>
            <span class="centTitle-nearby">附近</span>
            <strong></strong>
            <span class="centTitle-circle">圈子</span>
            <strong></strong>
            <span class="selfMedia-down">全部分类</span>
            <strong class="ml9"></strong>
            <span class="selfMedia-screen ml9" @click="isDisplay(2)">地区</span>
            <span class="selfMedia-open"></span>
        </div>
        <div class="selfMedia-flow clearfix">
            <div class="selfMedia-flowList">
                <div class="flowList-div">
                    <img src="/imgs/see/index/index-bgimg1.png" alt="">
                    <span class="flowList-img">赚4597乐币</span>
                    <span class="selfMedia-zyz2"></span>
                    <div class="flowList-info">
                        <h6 class="list-infoTitle">接口京津冀</h6>
                        <p class="clearfix">2095万<span>北京-望京</span></p>
                    </div>
                </div>
            </div>
            <div class="selfMedia-flowList">
                <div class="flowList-div">
                    <img src="/imgs/see/index/index-bgimg1.png" alt="">
                    <span class="flowList-img">赚4597乐币</span>
                    <div class="flowList-info">
                        <h6 class="list-infoTitle">接口京津冀</h6>
                        <p class="clearfix">2095万<span>北京-望京</span></p>
                    </div>
                </div>
            </div>
            <div class="selfMedia-flowList">
                <div class="flowList-div">
                    <img src="/imgs/see/index/index-bgimg1.png" alt="">
                    <span class="flowList-img">赚4597乐币</span>
                    <div class="flowList-info">
                        <h6 class="list-infoTitle">接口京津冀</h6>
                        <p class="clearfix">2095万<span>北京-望京</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="selfMedia-butt clearfix">
        <a><span class="selfMedia-m1"></span><strong>首页</strong><i></i></a>
        <a><span class="selfMedia-m2"></span><strong>任务</strong><i class="spot1"></i></a>
        <a><span class="selfMedia-m3"></span><strong>储物箱</strong><i class="spot2"></i></a>
        <a><span class="selfMedia-m4"></span><strong>活动</strong><i class="spot3"></i></a>
        <a><span class="selfMedia-m5"></span><strong>消息</strong><i class="spot4"></i></a>
    </div>
    <div id="mask" v-show="isClassify"></div>
    <div id="shoppingClassify" class="classify" v-show="isClassify==1">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="搜索">
            <span class="classify-titleClose">×</span>
        </div>
        <div class="classify-cent">
            <div class="classify-centTab clearfix">
                <span class="active">新品</span>
                <span>二手</span>
            </div>
            <div class="centTab-cent clearfix">
                <div class="centTab-left">
                    <span class="active">女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                </div>
                <div class="centTab-right">
                    <a>
                        <span></span>
                        <strong>购物</strong>
                    </a>
                    <a>
                        <span></span>
                        <strong>购物</strong>
                    </a>
                    <a>
                        <span></span>
                        <strong>购物</strong>
                    </a>
                    <a>
                        <span></span>
                        <strong>购物</strong>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div id="cityClassify" class="classify" v-show="isClassify==2">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="城市名/拼音">
            <span class="selfMediaPage-search"></span>
            <span class="classify-titleClose" @click="closeClassify()">×</span>
        </div>
        <div class="cityClassify-location clearfix">
            定位位置：<span>北京-朝阳区</span>
        </div>
        <div class="classify-cent">
            <div class="classify-centTab clearfix">
                <span class="active">国内</span>
                <span>国际</span>
            </div>
            <div class="centTab-cent clearfix">
                <template>
                    <div class="cityClassify-province">
                        <!--<span class="active">女装</span>-->
                        <span v-for="item in chinaList.provinces" :class="{active:item.code==provinceId}" @click="getCity(item.code)">{{item.name}}</span>
                    </div>
                    <div class="cityClassify-city">
                        <!--<span class="active">女装</span>-->
                        <span v-for="item in citiesList" :class="{active:item.code==cityId}" @click="getAreas(item.code)">{{item.name}}</span>
                    </div>
                    <div class="cityClassify-area">
                        <!--<span class="active">女装</span>-->
                        <span v-for="item in areasList">{{item.name}}</span>
                    </div>
                </template>
            </div>
        </div>
    </div>
    <div id="citySearch" class="classify" v-show="isClassify==3">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="城市名/拼音">
            <span class="selfMediaPage-search"></span>
            <span class="classify-titleClose">×</span>
        </div>
        <div class="classify-cent clearfix">
            <span>长春</span>
            <span>长春</span>
            <span>长春</span>
            <span>长春</span>
            <span>长春</span>
        </div>
    </div>
    <div id="recruitClassify" class="classify" v-show="isClassify==4">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="搜索行业/职位名称">
            <span class="selfMediaPage-search"></span>
            <span class="classify-titleClose">×</span>
        </div>
        <div class="classify-cent clearfix">
           <div class="recruitClassify-left">
               <span class="active">女装</span>
               <span>电脑</span>
               <span>家电数码</span>
               <span>女装</span>
               <span>电脑</span>
               <span>家电数码</span>
               <span>女装</span>
               <span>电脑</span>
               <span>家电数码</span>
               <span>女装</span>
               <span>电脑</span>
               <span>家电数码</span>
               <span>女装</span>
               <span>电脑</span>
               <span>家电数码</span>
               <span>女装</span>
               <span>电脑</span>
               <span>家电数码</span>
               <span>女装</span>
               <span>电脑</span>
           </div>
            <div class="recruitClassify-right">
                <span class="active">女装</span>
                <span>电脑</span>
                <span>家电数码</span>
                <span>女装</span>
                <span>电脑</span>
                <span>家电数码</span>
                <span>女装</span>
                <span>电脑</span>
            </div>
        </div>
    </div>
    <div id="recruitSearch" class="classify" v-show="isClassify==5">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="搜索行业/职位名称">
            <span class="selfMediaPage-search"></span>
            <span class="classify-titleClose">×</span>
        </div>
        <div class="recruitSearch-list clearfix">
            <strong>互联网It</strong>/<span>运营</span><span class="list-right">1322条相关</span>
        </div>
        <div class="recruitSearch-list clearfix">
            <strong>互联网It</strong>/<span>运营</span><span class="list-right">1322条相关</span>
        </div>
    </div>
    <div id="cateClassify" class="classify" v-show="isClassify==6">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="搜索菜品">
            <span class="selfMediaPage-search"></span>
            <span class="classify-titleClose">×</span>
        </div>
        <div class="classify-cent">
            <div class="classify-centTab clearfix">
                <span class="active">国内</span>
                <span>国际</span>
            </div>
            <div class="centTab-cent clearfix">
                <div class="recruitClassify-left">
                    <span class="active">女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                </div>
                <div class="recruitClassify-right">
                    <span class="active">女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                    <span>家电数码</span>
                    <span>女装</span>
                    <span>电脑</span>
                </div>
            </div>
        </div>
    </div>
    <div id="basicsClassify" class="classify" v-show="isClassify==7">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="搜索">
            <span class="selfMediaPage-search"></span>
            <span class="classify-titleClose">×</span>
        </div>
        <div class="classify-cent">
            <div class="classify-centDiv clearfix">
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
            </div>
        </div>
    </div>
    <div id="gameClassify" class="classify" v-show="isClassify==8">
        <div class="classify-title">
            <input type="search" class="classify-titleSearch" placeholder="搜索">
            <span class="selfMediaPage-search"></span>
            <span class="classify-titleClose">×</span>
        </div>
        <div class="gameClassify-tab clearfix">
            <a class="active"><span></span>手游休闲</a>
            <a><span></span>网络竞技</a>
            <a><span></span>单机游戏</a>
        </div>
        <div class="classify-cent">
            <div class="classify-centDiv clearfix">
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
                <a><span></span><strong>购物</strong></a>
            </div>
        </div>
    </div>
    <div id="datingScreening" class="classify" v-show="isClassify==9">
        <h6 class="classify-title"><span class="classify-titleLeft"></span>筛选<span class="classify-titleRight">重置</span></h6>
        <div class="datingScreening-condition clearfix">
            <span>男</span>
            <span>女</span>
            <span>同志</span>
            <span>拉拉</span>
        </div>
        <div class="datingScreening-region clearfix">
            <span>地区：</span>
            <strong>城市-区域</strong>
        </div>
        <div class="datingScreening-age">
            <span>地区：</span>
            <div class="ageRange">
                <input type="range">
            </div>
        </div>
        <div class="datingScreening-btn">
            确定
        </div>
    </div>
    <div id="screenClassify" class="classify" v-show="isClassify==10">
        <h6 class="classify-title"><span class="classify-titleLeft"></span>筛选<span class="classify-titleRight">重置</span></h6>
        <div class="datingScreening-region clearfix">
            <span>工作岗位：</span>
            <strong>行业-职位</strong>
        </div>
        <div class="datingScreening-region clearfix">
            <span>工作地区：</span>
            <strong>城市-区域</strong>
        </div>
        <div class="datingScreening-age">
            <span>薪资区间（元）:</span>
            <div class="screenClassify-wages"></div>
        </div>
        <div class="datingScreening-btn">
            确定
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/js/swiper-3.4.2.jquery.min.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/selfMediaPage.js?v=<%=$version%>"></script>
<script>
    var swiper1 = new Swiper("#selfMediaSlide1 .swiper-container",{
        spaceBetween: 30,
        centeredSlides: true,
        autoplay:1500,
        autoplayDisableOnInteraction : false,
        pagination: '.swiper-pagination',
        paginationClickable: true,
        lazyLoading : true,
        lazyLoadingInPrevNext : true,
        lazyLoadingInPrevNextAmount : 2,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    var swiper = new Swiper('.rankingList-slide .swiper-container', {
        spaceBetween: 10,
        slidesPerView: 'auto',
        freeMode: true,
        lazyLoading : true,
        lazyLoadingInPrevNext : true,
        lazyLoadingInPrevNextAmount : 3,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    $("img.lazy").lazyload();
</script>
</body>
</html>